<template>
  <div id="problemInfo">
    <a-space direction="vertical" style="width: 100%; padding: 10px">
      <a-row>
        <a-col :span="6" style="text-align: center;">
          <a-statistic title="总共刷题" :value="125670" show-group-separator/>
        </a-col>
        <a-col :span="6" style="text-align: center;">
          <Progress/>
        </a-col>
        <a-col :span="6" style="text-align: center;">
          <Progress/>
        </a-col>
        <a-col :span="6" style="text-align: center;">
          <Progress/>
        </a-col>
      </a-row>
      <HeatMap/>
      <a-list :bordered="false">
        <template #header>
          最近提交列表
        </template>

      </a-list>
    </a-space>
  </div>
</template>

<script setup>

import HeatMap from "../common/HeatMap.vue";
import Progress from "../common/Progress.vue";
</script>

<style scoped>

</style>
